// 1.引入nprogress库和对应样式
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

import router from '@/router/index.ts'

// 2.全局进度条配置
NProgress.configure({
  easing: 'ease', // 动画方式
  speed: 1000, // 递增进度条的速度
  showSpinner: false, // 是否显示加载ico
  trickleSpeed: 200, // 自动递增间隔
  minimum: 0.3, // 更改启动时使用的最小百分比
  parent: 'body', //指定进度条的父容器
});

// 3.路由开始时也就是路由前置守卫里面打开进度条
router.beforeEach(() => {
  NProgress.start()
  // 路由健全
})

// 4.路由结束也就是路由后置守卫里面关闭进度条
router.afterEach(() => {
  NProgress.done()
})